@import "~assets/styles/_bootstrap";

.orderAddress {
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;

	.check {
		z-index: 99;
		position: absolute;
		top: 50%;
		left: rem(15px);
		margin-top: rem(-12px);
		height: rem(24px);
		line-height: rem(24px);
		display: inline-block;
		color: #999;

		> i {
			display: inline-block;
			width: rem(24px);
			height: rem(24px);
			line-height: rem(24px);
			vertical-align: top;
			font-size: rem(20px);
	    border: 1px solid #ddd;
	    border-radius: 50%;
		}

		&.on {
			> i {
				color: #EC5151;
				border: none;
				background: #EC5151 url('~assets/images/selected.png') center center no-repeat;
				background-size: 60%;
			}
		}
	}
}

.address-box {
	padding: rem(20px) rem(20px) rem(20px) rem(60px);
	border-bottom: 1px solid #eae9e9;

	.user-info {
		line-height: rem(24px);
		font-size: rem(16px);
		margin-bottom: rem(5px);
	}

	.detail {
		line-height: rem(20px);
		font-size: rem(14px);
		color: #999;

		> em {
			color: $mainCol;
		}
	}
}
